onload = function () {
    setHTML();

    // 为了在pc端更好的去调试
    onresize = function () {
      setHTML();
    }

    function setHTML() {
      // 基础值
      var baseVal = 100;
      // 设计稿的宽度
      var pageWidth = 320;
      // 要适配的屏幕的宽度?
      var screenWidth = document.querySelector("html").offsetWidth;
      // 要设置的fontsize
      var fontsize = screenWidth * baseVal / pageWidth;

      // 设置到html标签的中
      document.querySelector("html").style.fontSize = fontsize + "px";

    }
  }


var myScroll = new IScroll('.nav', { eventPassthrough: true, scrollX: true, scrollY: false, preventDefault: false });  


    $.ajax({

        url:"http://193.112.55.79:9090/api/getbaicaijiatitle",
        type:'get',
        // data:{titleid:2},
        dataType:'json',
        success:function(res)
        {   
                // console.log(res);    
            var data = res.result;
            var htmlStr = template('nav',{"data":data});

            // console.log(htmlStr);
           
            $('.nav ul').html(htmlStr);

            // $('.nav ul li:eq(0)').css('background-color', '');
            // $(".nav ul li:eq(0)").css('background-color', 'red');
            $(".nav ul li:eq(0)").css('color', 'red');
             
        }


    })

    $.ajax({

        data:{titleid:1},
        dataType:'json',
        url:"http://193.112.55.79:9090/api/getbaicaijiaproduct",
        success:function(res)
        {
            // console.log(res.result);
        //     var data = res.result[0];
        //     console.log(data);
            var data = res.result;
            var html = template("content",{"data":data});

            // console.log(html);  
            $('.detail').html(html);

        }
    })
    

    $('.nav ul').tap(function(e){

        var target = $(e.target);
        // console.log(target);
        
        myScroll.scrollToElement(e.target);
        // target.siblings().css('background-color', '');
        target.siblings().css('color', 'black');
        // target.css('background-color', 'red');
        target.css('color', 'red');

        // 点击后发送ajax
        
        // 获取titleid
        var titleId = target.attr('titleId');
        layer.open({
            type: 2
            ,content: '加载中'
          });  
        $.ajax({

            data:{titleid:titleId},
            dataType:'json',
            url:"http://193.112.55.79:9090/api/getbaicaijiaproduct",
            success:function(res)
            {
                layer.closeAll();
                console.log(res.result);
            //     var data = res.result[0];
            //     console.log(data);
                var data = res.result;
                var html = template("content",{"data":data});

                console.log(html);
                $('.detail').html(html);
            }
        })
        

    })



    $('.back').tap(function(e){

        $(window).scrollTop(0);
        

    })
    